<template>
    <div class="location">
        <span class="funName">{{title}}</span>
        <div class="Crumbs">
            <img :src="locationImg" alt=""> 
            <span class="currentLocation">点击“{{msg}}”可调整预约时间</span>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'Location',
         props: {
            title: {
                type: String,
                required: true
            },
            msg: {
                type: String,
                required: true
            }
        },
        data(){
            return{
                locationImg:require('@/assets/location.png'),

            }
        }

    }
</script>
<style lang="stylus">
    .location{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:10px 30px 5px 30px;
        border-bottom:5px solid #3FBDFF;
        .funName{
            font-size:28px;
            font-weight:600;
            color:#3FBDFF;

        }
    }
</style>